#widget-calender-xxx
  width: 280px
  margin-top: 20px
  
#calendar
  a
    text-decoration none

.cal-head
  position relative
  height 20px
  top -5px;
  padding 0px 6px 25px 6px

.cal-prev,.cal-next
  position absolute
  top 0px
  width 9px
  height 10px
  padding 3px 4px
  border 1px solid transparent
  color var(--theme-text-stress)
  outline 0

.cal-prev
  left 8px
  &:before
    border-right 9px solid var(--theme-text-stress)

.cal-next
  right 8px
  &:before
    border-left 9px solid var(--theme-text-stress)

.cal-prev:before,.cal-next:before
  content ''
  display block
  width 0
  height 0
  border-top 5px solid transparent
  border-bottom 5px solid transparent

.cal-title
  width 120px
  margin 0 auto
  color var(--theme-text-stress)
  font bold 14px/18px Arial
  text-align center
  a
    border 1px solid transparent
    color var(--theme-text-primary)

.cal,
.cal th,
.cal td
  border 1px solid var(--theme-bg-shadow)
  box-shadow: var(--soft-shadow) var(--soft-shadow) calc(var(--soft-shadow) * 1) var(--theme-bg-shadow), calc(-1 * var(--soft-shadow)) calc(-1 * var(--soft-shadow)) calc(var(--soft-shadow) * 1) var(--theme-bg-high);

.cal
  border-collapse separate
  border-spacing 0
  border-width 1px 0 0 1px
  table-layout fixed
  width 100%
  margin 0
  th
    color var(--theme-text-primary)
    border-width 0 1px 1px 0
    font-weight 700
  td
    border-width 0 1px 1px 0
  tbody
    a
      background-color #eff2f5
      color var(--theme-text-primary)
      display block
      font-weight 700
    .cal-today
      color var(--theme-text-primary)
      font-weight bold
  .cal-gray
    color var(--theme-text-stress)

.cal th,
.cal td
  font-weight normal
  line-height 2.5625
  padding 0
  text-align center

.cal .cal-foot
  color var(--theme-text-primary)

.cal-title a:hover,
.cal-prev:hover,
.cal-next:hover,
.cal .cal-foot:hover,
.cal .cal-foot:focus
  background-color #eff2f5
  color var(--theme-text-primary)
  cursor pointer

.cal tbody a:hover,
.cal tbody a:focus
  background-color var(--theme-text-active)
  color var(--theme-text-primary)
  cursor pointer
